﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Hotnet.Web.Utility.ReferencePictureControl>" %>

<div class="refTagPicture" id="divRefTagPicture">
		<div class="moduleTitle">
			<span><%=Model.ModelName ?? "相关图片"%></span>
			<a href="<%=Model.MoreLink %>" target="_blank" style="color:rgb(255, 0, 153)" class="browseMore">更多</a>
		</div>
		<ul>
			<% foreach (var picture in Model.ReferencePictures)
		{%>
			<li>
				<a href="/Picture/Group/<%=picture.GroupID %>" target="_blank" class="imageFrame">
					<img src='<%=picture.CoverImage.ThumbnailPath %>' alt="picture" />
				</a>
				<div class="refTagPictureName">
					<a href="/Picture/Group/<%=picture.GroupID %>" target="_blank"><%=picture.Name%></a>
				</div>
			</li>
		<%} %>
		
		</ul>
		
</div>

<style type="text/css">
	/* 相关的图片 样式*/
		.refTagPicture
		{
			float:left;
			border:1px solid #c6c6c6;
		}
		.refTagPicture ul
		{
			
		}
		.refTagPicture li
		{
			list-style-type:none;
			float:left;
			height:165px;
		}
		
		.refTagPicture img
		{
			 border:none;
			 padding:6px 0px 4px 7px;
			 height:120px;
			 width:160px;
			
		}
		.imageFrame
		{
			float:left;
			width:180px;
			height:134px;
			background:transparent url(/images/picbg_1.gif) no-repeat scroll;
		}
		
		.refTagPictureName
		{
			font-size:14px;
			padding-top:2px;
			clear:left;
			margin-top:3px;
			text-align:center;
			width:160px;
			height:50px;
			overflow:hidden;
		}
		.refTagPictureName a
		{
			text-decoration:none;
			color:#124C9A;
		}
		.refTagPictureName a:hover
		{
			text-decoration:underline;
			color:Red;
		}
		
		/* Module 标题 */
		.moduleTitle
		{
			color:#BC2D09;
			font-weight:bold;
			font-size:14px;
			background:transparent url(/images/headerblue.gif) repeat-x scroll 0 8px;
			margin:0 2px 0 2px;
			padding:3px 2px 3px 0px;
		}
		.moduleTitle span{
			background:white none repeat scroll 0 0;
			padding-right:8px;
		}
		.moduleTitle a:hover
		{
			text-decoration:underline;
		}
	
</style>